/**
 * Created by developer on 2017/6/22.
 */

$(function () {
    var label=$('#label');
    var oDiv=$('#labelDiv');
    var close=$('.close');
    //回车添加标签
    $("#label").on("keydown", function (e) {
        if (e.keyCode == 13) {
            var text=label.val();
            if(text!=undefined || text!=''){
                oDiv.append('<span class="small-lable"><input type="hidden" name="label" value="'+text+'">'+text+'<i class="close center">&#xe61c;</i></span>');
                label.val('');
            }
        }
    });
    close.each(function () {
        oDiv.on('click','i',function () {
           $(this).parent().remove();
        })
    });
//验证不能为空
    var error=$('#error');
    function check(obj) {
        var val = obj.val().replace(/\s/g, "");
        if (val == "") {
            error.html('* 所有项目不能为空，请仔细检查！');
            return false
        } else {
            return true
        }
    }
    //获得焦点提示消失
    function focus(obj) {
        obj.focus(function () {
            error.html('')
        })
    }
    $('.submit').click(function () {
        var title=$('#title'),//标题
            Catalog=$('#Catalog'), //目录
            source=$('#source'),//来源
            url=$('#url'),//来源网址
            author=$('#author'),//作者
            textarea1=$('#textarea1');//素材介紹
        check(title);
        check(Catalog);
        check(source);
        check(url);
        check(author);
        check(textarea1);

        focus(title);
        focus(Catalog);
        focus(source);
        focus(url);
        focus(author);
        focus(textarea1);
    })
});
$(function () {
    //原始js获取非行间样式
    function getStyle(obj, name) {
        if (obj.currentStyle) {
            //IE
            return obj.currentStyle[name];
        } else {
            //FF、Chrome
            return getComputedStyle(obj, false)[name];
        }
    }
    function stopEvent(e) { //阻止冒泡事件
        //取消事件冒泡
        e=e||window.event;
        if (e && e.stopPropagation) {
            // this code is for Mozilla and Opera
            e.stopPropagation();
        } else {
            // this code is for IE
            window.event.cancelBubble = true;
        }
    }
    //上传目录js
    var Catalog = $('#Catalog');//回显文本节点
    var one = $('.one'); //外层目录节点
    //打开目录
    $('#chooseType').on('click', function (e) {
        $('.one').toggle();
    });

    // //选择上传目录
    // $(function() {
    //
    //     var allLi=document.querySelectorAll("ul.one");
    //     $('.one').on('mouseover',"li",function () {
    //         $(this).addClass("on");
    //     },
    //         function(){
    //             $(this).removeClass("on");
    //         })
    //     $("ul.one li").hover(function(){
    //             $(this).addClass("on");
    //             },
    //         function(){
    //             $(this).removeClass("on");
    //         })
    // });
    // $(function() {
    //     $("ul.one li").hover(function(){
    //             $(this).parent("ul").siblings("h3").addClass("choice");
    //
    //         },
    //         function(){
    //             $(this).parent("ul").siblings("h3").removeClass("choice");
    //         })
    // });
    //
    // $(function() {
    //     if ($("ul.one li").find("ul") .html()!="") {
    //         $("ul.one li").parent("ul").siblings("h3").append("<span class='sub'></span>");
    //     }
    // });
    function selectDirectory(obj) {
        obj.on("click ", "h3", function (e) {
            stopEvent(e);
            var textArr = [];
            //自己的文字
            textArr.unshift($(this).text());
            var _len = $(this).parents('ul').length;
            //上一级文字
            for (var i = 0; i < _len; i++) {
                var text = $(this).parents('ul').eq(i + 1).children('li').eq(2).children('h3').text();
                if (text !== '') textArr.unshift(text)
            }
            Catalog.val(textArr.join('-'));
            $('.one').hide();
            $("h3").removeClass('choice');
            $('#CatalogId').val($(this).attr('id'))

        });
    }

    selectDirectory(one);
});